﻿<s:SurfaceUserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:s="http://schemas.microsoft.com/surface/2008" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:OficinaTuristicaFE.Controls"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    xmlns:LiveStream_Helpers="clr-namespace:LiveStream.Helpers"
    xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
    x:Name="ContainerList"
    mc:Ignorable="d" 
    d:DataContext="{d:DesignData SampleData/ContainerSampleData.xaml}"
    x:Class="OficinaTuristicaFE.Controls.Container"
    >
    <s:SurfaceUserControl.Resources>   
        <Style x:Key="StackPanelStyle_Restaurant" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Restaurant.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Telephone" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Telephone.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Leisure" TargetType="{x:Type StackPanel}">
        	<Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Leisure.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Route" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Route.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Shopping" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Shopping.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Lodging" TargetType="{x:Type StackPanel}">
           <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Lodging.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Services" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Services.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Sports" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Sports.png"/>
				</Setter.Value>
			</Setter>
        </Style>
        <Style x:Key="StackPanelStyle_TouristInterest" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
                <Setter.Value>
                    <ImageBrush ImageSource="Container Backgrounds/TouristInterest.png"/>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="StackPanelStyle_Transports" TargetType="{x:Type StackPanel}">
            <Setter Property="Background" >
				<Setter.Value>
					<ImageBrush ImageSource="Container Backgrounds/Transport.png"/>
				</Setter.Value>
			</Setter>
        </Style>
    	<Style x:Key="ShowOnMapButtonStyle" TargetType="{x:Type s:SurfaceButton}">
    		<Setter Property="SnapsToDevicePixels" Value="True"/>
    		<Setter Property="FocusVisualStyle">
    			<Setter.Value>
    				<Style>
    					<Setter Property="Control.Template">
    						<Setter.Value>
    							<ControlTemplate/>
    						</Setter.Value>
    					</Setter>
    				</Style>
    			</Setter.Value>
    		</Setter>
    		<Setter Property="FontFamily" Value="Segoe UI"/>
    		<Setter Property="FontSize" Value="10"/>
    		<Setter Property="Foreground" Value="Black"/>
    		<Setter Property="Background" Value="#33A4B4BD"/>
    		<Setter Property="BorderBrush">
    			<Setter.Value>
    				<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
    					<GradientStop Color="#7FFFFFFF" Offset="0"/>
    					<GradientStop Color="#0CFFFFFF" Offset="1"/>
    				</LinearGradientBrush>
    			</Setter.Value>
    		</Setter>
    		<Setter Property="BorderThickness" Value="1"/>
    		<Setter Property="HorizontalContentAlignment" Value="Center"/>
    		<Setter Property="VerticalContentAlignment" Value="Center"/>
    		<Setter Property="Padding" Value="15,6"/>
    		<Setter Property="IsTabStop" Value="False"/>
    		<Setter Property="Focusable" Value="False"/>
    		<Setter Property="MinWidth" Value="30"/>
    		<Setter Property="MinHeight" Value="30"/>
    		<Setter Property="Template">
    			<Setter.Value>
    				<ControlTemplate TargetType="{x:Type s:SurfaceButton}">
    					<ControlTemplate.Resources>
    						<Storyboard x:Key="Press">
    							<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    								<SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
    							</DoubleAnimationUsingKeyFrames>
    							<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    								<SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
    							</ThicknessAnimationUsingKeyFrames>
    						</Storyboard>
    						<Storyboard x:Key="Release">
    							<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    								<SplineDoubleKeyFrame KeyTime="0" Value="1"/>
    								<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
    							</DoubleAnimationUsingKeyFrames>
    							<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    								<SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
    								<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
    							</ThicknessAnimationUsingKeyFrames>
    						</Storyboard>
    					</ControlTemplate.Resources>
    					<Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
    						<Border x:Name="Shadow" BorderThickness="0,0,0,1" CornerRadius="6" Margin="1,1,1,0" Padding="1" Opacity="0"/>
    						<Rectangle x:Name="Base" Margin="1" RadiusY="5" RadiusX="5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" StrokeThickness="1">
    							<Rectangle.Fill>
    								<ImageBrush ImageSource="Icons/ShowOnMapButton.png"/>
    							</Rectangle.Fill>
    						</Rectangle>
    						<Rectangle x:Name="RenderOverlay" Margin="2" Opacity="0.02" RadiusY="4" RadiusX="4" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" StrokeThickness="1">
    							<Rectangle.Fill>
    								<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
    									<GradientStop Color="#26000000" Offset="0"/>
    									<GradientStop Color="#4CFFFFFF" Offset="1"/>
    								</LinearGradientBrush>
    							</Rectangle.Fill>
    						</Rectangle>
    						<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Color="White" CornerRadius="4" Margin="1" Opacity="0"/>
    						<ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Opacity="0">
    							<ContentPresenter.OpacityMask>
    								<ImageBrush/>
    							</ContentPresenter.OpacityMask>
    							<ContentPresenter.RenderTransform>
    								<TranslateTransform X="0" Y="-1"/>
    							</ContentPresenter.RenderTransform>
    						</ContentPresenter>
    					</Grid>
    					<ControlTemplate.Triggers>
    						<Trigger Property="IsPressed" Value="True">
    							<Trigger.EnterActions>
    								<BeginStoryboard>
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    											<SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
    										</DoubleAnimationUsingKeyFrames>
    										<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    											<SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
    										</ThicknessAnimationUsingKeyFrames>
    									</Storyboard>
    								</BeginStoryboard>
    							</Trigger.EnterActions>
    							<Trigger.ExitActions>
    								<BeginStoryboard>
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    											<SplineDoubleKeyFrame KeyTime="0" Value="1"/>
    											<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
    										</DoubleAnimationUsingKeyFrames>
    										<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    											<SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
    											<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
    										</ThicknessAnimationUsingKeyFrames>
    									</Storyboard>
    								</BeginStoryboard>
    							</Trigger.ExitActions>
    						</Trigger>
    						<Trigger Property="IsEnabled" Value="True"/>
    						<Trigger Property="IsEnabled" Value="False">
    							<Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
    							<Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
    							<Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
    							<Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
    							<Setter Property="Foreground" Value="#A5333333"/>
    							<Setter Property="Background" Value="Transparent"/>
    						</Trigger>
    					</ControlTemplate.Triggers>
    				</ControlTemplate>
    			</Setter.Value>
    		</Setter>
    	</Style>
    	<Style x:Key="LabelStyleBorder" TargetType="{x:Type Label}">
    		<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    		<Setter Property="Background" Value="Transparent"/>
    		<Setter Property="Padding" Value="5"/>
    		<Setter Property="HorizontalContentAlignment" Value="Left"/>
    		<Setter Property="VerticalContentAlignment" Value="Top"/>
    		<Setter Property="Template">
    			<Setter.Value>
    				<ControlTemplate TargetType="{x:Type Label}">
    					<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
    						<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="False"/>
    					</Border>
    					<ControlTemplate.Triggers>
    						<Trigger Property="IsEnabled" Value="false">
    							<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
    						</Trigger>
    					</ControlTemplate.Triggers>
    				</ControlTemplate>
    			</Setter.Value>
    		</Setter>
    	</Style>
    	<Style x:Key="SurfaceButtonStyleTransparent" TargetType="{x:Type s:SurfaceButton}">
    		<Setter Property="SnapsToDevicePixels" Value="True"/>
    		<Setter Property="FocusVisualStyle">
    			<Setter.Value>
    				<Style>
    					<Setter Property="Control.Template">
    						<Setter.Value>
    							<ControlTemplate/>
    						</Setter.Value>
    					</Setter>
    				</Style>
    			</Setter.Value>
    		</Setter>
    		<Setter Property="FontFamily" Value="Segoe UI"/>
    		<Setter Property="FontSize" Value="10"/>
    		<Setter Property="Foreground" Value="Black"/>
    		<Setter Property="Background" Value="#33A4B4BD"/>
    		<Setter Property="BorderBrush">
    			<Setter.Value>
    				<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
    					<GradientStop Color="#7FFFFFFF" Offset="0"/>
    					<GradientStop Color="#0CFFFFFF" Offset="1"/>
    				</LinearGradientBrush>
    			</Setter.Value>
    		</Setter>
    		<Setter Property="BorderThickness" Value="1"/>
    		<Setter Property="HorizontalContentAlignment" Value="Center"/>
    		<Setter Property="VerticalContentAlignment" Value="Center"/>
    		<Setter Property="Padding" Value="15,6"/>
    		<Setter Property="IsTabStop" Value="False"/>
    		<Setter Property="Focusable" Value="False"/>
    		<Setter Property="MinWidth" Value="30"/>
    		<Setter Property="MinHeight" Value="30"/>
    		<Setter Property="Template">
    			<Setter.Value>
    				<ControlTemplate TargetType="{x:Type s:SurfaceButton}">
    					<ControlTemplate.Resources>
    						<Storyboard x:Key="Press">
    							<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    								<SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
    							</DoubleAnimationUsingKeyFrames>
    							<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    								<SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
    							</ThicknessAnimationUsingKeyFrames>
    						</Storyboard>
    						<Storyboard x:Key="Release">
    							<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    								<SplineDoubleKeyFrame KeyTime="0" Value="1"/>
    								<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
    							</DoubleAnimationUsingKeyFrames>
    							<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    								<SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
    								<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
    							</ThicknessAnimationUsingKeyFrames>
    						</Storyboard>
    					</ControlTemplate.Resources>
    					<Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
    						<Border x:Name="Shadow" BorderThickness="0,0,0,1" CornerRadius="6" Margin="1,1,1,0" Padding="1" Opacity="1" Visibility="Visible"/>
    						<Rectangle x:Name="Base" Margin="1" RadiusY="5" RadiusX="5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" StrokeThickness="1" Fill="{x:Null}"/>
    						<Rectangle x:Name="RenderOverlay" Margin="2" Opacity="1" RadiusY="4" RadiusX="4" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" StrokeThickness="1" Visibility="Hidden">
    							<Rectangle.Fill>
    								<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
    									<GradientStop Color="#26000000" Offset="0"/>
    									<GradientStop Color="#4CFFFFFF" Offset="1"/>
    								</LinearGradientBrush>
    							</Rectangle.Fill>
    						</Rectangle>
    						<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Color="White" CornerRadius="4" Margin="1" Opacity="0.02"/>
    						<ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Opacity="0">
    							<ContentPresenter.OpacityMask>
    								<ImageBrush/>
    							</ContentPresenter.OpacityMask>
    							<ContentPresenter.RenderTransform>
    								<TranslateTransform X="0" Y="-1"/>
    							</ContentPresenter.RenderTransform>
    						</ContentPresenter>
    					</Grid>
    					<ControlTemplate.Triggers>
    						<Trigger Property="IsPressed" Value="True">
    							<Trigger.EnterActions>
    								<BeginStoryboard>
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    											<SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
    										</DoubleAnimationUsingKeyFrames>
    										<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    											<SplineThicknessKeyFrame KeyTime="0:0:0.1" Value="-3"/>
    										</ThicknessAnimationUsingKeyFrames>
    									</Storyboard>
    								</BeginStoryboard>
    							</Trigger.EnterActions>
    							<Trigger.ExitActions>
    								<BeginStoryboard>
    									<Storyboard>
    										<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Glow">
    											<SplineDoubleKeyFrame KeyTime="0" Value="1"/>
    											<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="0"/>
    										</DoubleAnimationUsingKeyFrames>
    										<ThicknessAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Glow">
    											<SplineThicknessKeyFrame KeyTime="0" Value="-3"/>
    											<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="0:0:0.5" Value="1"/>
    										</ThicknessAnimationUsingKeyFrames>
    									</Storyboard>
    								</BeginStoryboard>
    							</Trigger.ExitActions>
    						</Trigger>
    						<Trigger Property="IsEnabled" Value="True"/>
    						<Trigger Property="IsEnabled" Value="False">
    							<Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
    							<Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
    							<Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
    							<Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
    							<Setter Property="Foreground" Value="#A5333333"/>
    							<Setter Property="Background" Value="Transparent"/>
    						</Trigger>
    					</ControlTemplate.Triggers>
    				</ControlTemplate>
    			</Setter.Value>
    		</Setter>
    	</Style>
    </s:SurfaceUserControl.Resources>

    <StackPanel x:Name="ServiceContainer" Margin="-10" Style="{DynamicResource StackPanelStyle_Restaurant}" Height="320" Width="275"  >        
        <Label x:Name="ServiceName" Content="{Binding ServiceName}" Height="35" Width="275" VerticalContentAlignment="Bottom" FontSize="16" HorizontalContentAlignment="Center" VerticalAlignment="Top" Margin="0" FontWeight="Bold" BorderBrush="Black" Style="{DynamicResource LabelStyleBorder}" BorderThickness="0" Foreground="White">
        	<Label.Effect>
        		<DropShadowEffect BlurRadius="3" ShadowDepth="1" Direction="297"/>
        	</Label.Effect>
        </Label>
        <s:SurfaceScrollViewer x:Name="scrollViewer" Height="240" PreviewContactDown="TextBlock_PreviewContactDown" ContactTapGesture="scrollViewer_ContactTapGesture">
            <i:Interaction.Behaviors>
                <LiveStream_Helpers:ScrollViewerInScatterViewItemBehavior/>
            </i:Interaction.Behaviors>
            <s:SurfaceItemsControl ItemsSource="{Binding}"  Margin="10" FontSize="14.667" >
                <s:SurfaceItemsControl.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Padding="5" HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding CompanyName}" VerticalAlignment="Top" />
                    </DataTemplate>
                </s:SurfaceItemsControl.ItemTemplate>
            </s:SurfaceItemsControl>
        </s:SurfaceScrollViewer>
        <!--<s:SurfaceListBox ScrollViewer.HorizontalScrollBarVisibility="Hidden" x:Name="sbl" ItemsSource="{Binding}" PreviewContactDown="sbl_PreviewContactDown_1" ContactTapGesture="sbl_PreviewContactDown" SelectionMode="Single" Height="240" Background="{x:Null}" Foreground="{x:Null}" PreviewContactChanged="sbl_PreviewContactChanged">
            <s:SurfaceListBox.ItemTemplate>
            <DataTemplate>                
                    <TextBlock Padding="5" HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding CompanyName}" VerticalAlignment="Top" />  
            </DataTemplate>
            </s:SurfaceListBox.ItemTemplate>
            <s:SurfaceListBox.ItemContainerStyle>
                <Style TargetType="ListBoxItem">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type s:SurfaceListBoxItem}">
                                <Border x:Name="Border">
                                    <ContentPresenter HorizontalAlignment="Left" />
                                </Border>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsSelected" Value="True">
                                        <Setter TargetName="Border" Property="Background" Value="Gray"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </s:SurfaceListBox.ItemContainerStyle>
        </s:SurfaceListBox>-->
        <!--<TextBlock Height="20" TextWrapping="Wrap" Text="MAP" Margin="116.2,-35,124.2,0" RenderTransformOrigin="0.5,0.5" FontWeight="Bold" Foreground="White" FontSize="14.667">
        	<TextBlock.Effect>
        		<DropShadowEffect BlurRadius="3" ShadowDepth="1"/>
        	</TextBlock.Effect>
        	<TextBlock.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform/>
        			<SkewTransform/>
        			<RotateTransform/>
        			<TranslateTransform X="119" Y="2"/>
        		</TransformGroup>
        	</TextBlock.RenderTransform>
        </TextBlock>-->
        <s:SurfaceButton x:Name="ShowAllOnMap" HorizontalAlignment="Right" Width="30" Click="ShowAllOnMap_Click" Background="Transparent" Height="30"  Margin="0,-17,6,0" Style="{StaticResource ShowOnMapButtonStyle}" RenderTransformOrigin="0.5,0.5"  >
        	<s:SurfaceButton.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform/>
        			<SkewTransform/>
        			<RotateTransform/>
        			<TranslateTransform Y="28"/>
        		</TransformGroup>
        	</s:SurfaceButton.RenderTransform>
        </s:SurfaceButton>                
        
    </StackPanel>
</s:SurfaceUserControl>
